<!-- 

content_de.html

Copyright (C) 2012 Fraunhofer Institute for Secure Information Technology

Authors: Steven Arzt <steven.arzt@sit.fraunhofer.de>
         Oliver Hoffmann <oliver.hoffmann@sit.fraunhofer.de>
		 
Contact: Andreas Poller <andreas.poller@sit.fraunhofer.de>
         Fraunhofer Institute for Secure Information Technology
		 Rheinstraße 75
		 64295 Darmstadt
		 Germany

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/gpl-3.0.txt>.

-->

<div class="row-fluid">

    <!------------------------------------- MAIN MENU -------------------------------------------->
    <div class="span3">
        <ul class="nav nav-list">
            <li class="nav-header">Facebook</li>
            <li id="menuItemPrivacy"><a href="#" id="menuLinkPrivacy"><i class="icon-user"></i>Privatsph&auml;re
            </a></li>
            <li id="menuItemInteractions"><a href="#" id="menuLinkInteractions"><i class="icon-eye-open">
            </i>Interaktionen </a></li>
            <li id="menuItemComments"><a href="#" id="menuLinkComments"><i class="icon-eye-open">
            </i>Studienkommentare </a></li>
            <li id="menuItemDelete"><a href="#" id="menuLinkDelete"><i class="icon-trash"></i>Interaktionen
                l&ouml;schen </a></li>
                <li class="divider"></li>
                <li class="nav-header">ROSE Plugin </li>
                <li id="menuItemBackup"><a href="#" id="menuLinkBackup"><i class="icon-hdd"></i>Sichern
                    / Wiederherstellen </a></li>
                    <li id="menuItemDiary"><a href="#" id="menuLinkDiary"><i class="icon-book"></i>Tagebuch</a></li>
                    <li id="menuItemSettings"><a href="#" id="menuLinkSettings"><i class="icon-wrench"></i>Einstellungen</a></li>
                    <li class="divider"></li>
                    <li class="nav-header">Hilfe </li>
                    <li id="menuItemHelp"><a href="#" class="menu-btn" id="menuLinkHelp"><i class="icon-book"></i>Hilfethemen </a></li>
                    <li id="menuItemAbout"><a href="#" class="menu-btn" id="menuLinkAbout"><i class="icon-info-sign">
                    </i>&Uuml;ber ROSE </a></li>
                </ul>
            </div>

            <!------------------------------------- UI PAGES ---------------------------------------->
            <div class="span9">
	    <!------------------------------------- HELP PAGE ------------------------------------->
    <div id="main-page" class="well">
        <h1>ROSE</h1>
    </div>
	<div id="help-page" class="well" style="display: none;">
		<h1>Hilfe</h1>
		<hr />
		<p>Auf dieser Seite beantworten wir die g&auml;ngigen Fragen zu ROSE</p>
		<hr /><h4>Wo sammelt ROSE die Daten &uuml;ber meine Facebook-Nutzung und meine eingegebenen Kommentare?</h4><br />
		<p>
		ROSE sammelt die Daten ausschlie&szlig;lich in Ihrem Webbrowser. ROSE kann f&uuml;r Sie eine vorgefertigte E-Mail erstellen, mit der Sie Ihre Daten an den Studienbetreuer &uuml;bermitteln k&ouml;nnen. ROSE sendet keine Daten an Facebook; Facebook kann auf seinen eigenen Computersystemen nicht feststellen, ob Sie ROSE verwenden oder nicht. ROSE sendet selbst auch keine Daten an die Studienleitung, und empf&auml;ngt auch keine Daten.
		</p>
		<p>
		Dieses privatsph&auml;renfreundliche Konzept von ROSE hat jedoch den Nachteil, dass ROSE-Daten verloren gehen k&ouml;nnen, wenn Programmfehler auf Ihrem Rechner auftreten. Wenn Sie ROSE aus Ihrem Web-Browser l&ouml;schen, sind alle gesammelten Daten unwiederbringlich verloren.
		</p>
		<hr /><h4>Sind ROSE-Kommentare f&uuml;r andere Studienteilnehmer oder Facebook-Nutzer sichtbar?</h4><br />
		<p>Nein, das ist technisch ausgeschlossen. Da ROSE selbst keine Daten an Computersysteme bei Facebook oder Computersysteme der Studienbetreuung schickt, ist eine Verteilung, und damit eine Sichtbarkeit f&uuml;r andere Studienteilnehmer oder Facebook-Nutzer prinzipbedingt unm&ouml;glich. ROSE empf&auml;ngt auch selbst keine Daten. Mehr noch, Facebook kann auf seinen eigenen Computersystemen nicht einmal feststellen, ob Sie ROSE verwenden oder nicht.
		</p>
		<p>
		Auch wenn ROSE eine enge Integration in Ihren Browser und die Facebook-Nutzschnittstelle hat, und damit &quot;echten&quot; Facebook-Funktionen sehr &auml;hnelt, so findet diese &quot;Illusion eines erweiterten Facebooks&quot; vollst&auml;ndig und ausschließlich in Ihrem Browser mit ROSE statt.
		</p>
		<hr /><h4>Welche Daten protokolliert ROSE?</h4><br />
		<p>
		ROSE protokolliert folgende Daten:
		</p>
		<ul>
			<li><b>Datum und Uhrzeit einer Interaktion mit Facebook</b>, z.B. wann der Studienteilnehmer einen Beitrag f&uuml;r seine Pinnwand freigegeben hat.</li>
			<li><b>Typ einer Interaktion</b>, also z.B. &quot;Erstellen eines Beitrags&quot;.</li>
 			<li><b>Eindeutige Identifikatoren</b>, welche den Kontext von Interaktionen kennzeichnen. Dabei handelt es sich um achtstellige Buchstaben- und Zahlenkombinationen, z.B. &quot;2a2d6fc3&quot;. Beim Kommentieren eines Bildes bezieht sich der Identifikator z.B. auf das kommentierte Bild. Damit kann die Studienbetreuung sp&auml;ter herausfinden, ob mehrere Studienteilnehmer dasselbe Bild kommentiert haben - ohne das Bild jemals selbst in Erfahrung bringen zu m&uuml;ssen.</li>
 			<li><b>Privatsph&auml;re-Einstellungen für Interaktionen</b>, also z.B. ob ein Beitrag nur f&uuml;r &quot;Freunde&quot; oder f&uuml;r &quot;Alle&quot; sichtbar war.</li>
 			<li><b>Tagebucheintr&auml;ge</b></li>
 			<li><b>ROSE-Kommentare</b></li>
 			<li><b>Allgemeine Privatsph&auml;re-Einstellungen</b></li>
		</ul>
		<hr /><h4>Sammelt ROSE auch Daten, welche ich mit meinen Kontakten in Facebook austausche?</h4><br />
		<p>
		Nein. ROSE sammelt <b>keinerlei</b> Daten, welche Sie mit Ihren Freunden in Facebook austauschen, oder anderweitig eingeben. ROSE sammelt somit keinerlei inhaltsbezogene Informationen, wie z.B. Bilder, Links, Textnachrichten auf Pinnwänden, Chatnachrichten, oder auch Gruppennamen von Gruppen denen Sie angehören.
		</p>
		<p>
ROSE sammelt nur Daten dar&uuml;ber, ob Sie Aktionen eines bestimmten Typs zu einem bestimmten Zeitpunkt ausgef&uuml;hrt haben, also z.B. ob Sie ein Bild kommentieren. Die Studienleitung kann bei der Auswertung nur feststellen, dass Sie diese Interaktion ausgel&uuml;st haben, jedoch nicht, ob Sie z.B. das Bild eines Eisb&auml;ren oder eines Freundes auf einer Party kommentierten. M&ouml;chten Sie f&uuml;r die Studie Informationen zu dem Inhalt einer Interaktion festhalten, um zu erl&auml;utern, wieso Sie eine bestimmte Aktion durchf&uuml;hrten, dann benutzen Sie bitte die ROSE-Kommentarfunktion, oder Ihr Tagebuch.
		</p>
		<hr /><h4>Wie kann ich kontrollieren, welche Daten ROSE gesammelt hat?</h4><br />
		<p>
		Dies ist zum einen komfortabel &uuml;ber die Nutzerschnittstelle m&ouml;glich (Men&uuml;punkt &quot;Interaktionen&quot;). Desweiteren sind die Daten beim &Uuml;bermitteln an die Studienbetreuung im Klartext einsehbar. Auch wenn es sich dabei um ein sehr kompaktes textbasiertes Datenformat handelt, k&ouml;nnen Sie sich schnell, strichprobenartig vergewissern, dass keine Ihrer privaten Daten &uuml;bermittelt werden. 
		</p>
		<hr /><h4>Wie ist sichergestellt, dass ROSE-Daten anonymisiert sind?</h4><br />
		<p>
		Die von ROSE gesammelten Daten enthalten keinerlei Hinweise anhand derer die Studienbetreuer im Nachhinein feststellen k&ouml;nnen, welcher Facebook-Nutzer diese Daten erzeugt hat. ROSE speichert keine Facebook-Nutzernamen oder URLs von Bildern und Videos der Nutzer. ROSE-Daten unterscheiden sich damit nicht von anderen qualitativ erhobenen, anonymisierten Daten, wie z.B. Interview-Mitschnitten. Sie k&ouml;nnen sich davon sp&auml;testens beim &Uuml;bermitteln gesammelter Daten an die Studienbetreuung vergewissern. Ein Mitschneiden von Inhalten h&auml;tte darüber hinaus auch wenig Sinn, da eine kontextuelle Einordnung und Bewertung kaum m&ouml;glich ist.
		</p>
		<hr /><h4>Kann ich den Quellcode von ROSE einsehen, um mich über die gemachten Angaben zu vergewissern?</h4><br />
		<p>
		Ja. ROSE ist eine freie, quelloffene Software unter der GPL-Lizenz (General Public License). Sie k&ouml;nnen den Quellcode einsehen, und unter den Bedingungen der GPL ver&auml;ndern und weiterverbreiten. Wenn Sie daf&uuml;r Hilfe ben&ouml;tigen, wenden Sie sich bitte an die Studienleitung.
		</p>
		<hr /><h4>Kann ich ROSE nach Studienende für pers&ouml;nliche Zwecke weiterverwenden?</h4><br />
		<p>
		Ja. Da ROSE im Hintergrund keine Daten an die Studienleitung versendet, können Sie das Programm bedenkenlos weiterverwenden, und auch weiterverbreiten. Beachten Sie dazu bitte die Bedingungen der GPL-Lizenz. Wir k&ouml;nnen Ihnen jedoch au&szlig;erhalb der Studie keine Unterst&uuml;tzung für die Software anbieten, wie z.B. Programmaktualisierungen.  
		</p>
        </div>
	    <!------------------------------------- ABOUT ROSE PAGE ------------------------------------->
        <div id="about-page" class="well" style="display: none;">
            <h1>
                &Uuml;ber ROSE</h1>
            <hr />
            <p>
                ROSE ist eine Browser-Erweiterung, welche im Rahmen von empirischen Feldstudien über einen begrenzten Zeitraum aufzeichnet, wie Nutzer mit dem sozialen Netzwerk Facebook interagieren. Um weitere Informationen zur Funktionsweise von ROSE zu erhalten, &ouml;ffnen Sie bitte die Hilfeseite.
            </p>
            <hr />
            <p>
                ROSE wurde entwickelt von:
            </p>
            <address>
                <strong>Fraunhofer-Institut f&uuml;r Sichere Informationstechnologie (SIT)</strong><br />
                Rheinstra&szlig;e 75<br />
                64295 Darmstadt<br />
                Germany
            </address>
	    <p>
                Bei Fragen zu ROSE kontaktieren Sie bitte <a href="mailto:andreas.poller@sit.fraunhofer.de">Andreas Poller, andreas.poller@sit.fraunhofer.de</a>
            </p>
	    <p>
		Dieses Programm ist freie Software. Sie k&ouml;nnen es unter den Bedingungen der GNU General Public License, wie von der Free Software Foundation ver&ouml;ffentlicht, weitergeben und/oder modifizieren, entweder gem&auml;&szlig; Version 3 der Lizenz oder (nach Ihrer Option) jeder sp&auml;teren Version.
            </p>
            <p>
                Version: <span id="versionInformation"></span>
            </p>
        </div>

        <!------------------------------------- SETTINGS PAGE ---------------------------------------->
        <div id="settings-page" class="well" style="display: none;">
            <h1>
                ROSE Einstellungen
            </h1>
            <hr />

            <div class="control-group">
              <div class="controls">
                <input type="checkbox" id="inputReminder">
                <span class="help-inline">Zeige Kommentarerinnerung</span>
            </div>
        </div>            

    </div>

    <!------------------------------------- INTERACTIONS PAGE ---------------------------------------->
    <div id="interactions-page" class="well" style="display: none;">
        <h1>
            Aufgezeichnete Interaktionen
        </h1>
        <hr />
        <p id="loadingTextInteractions">
            Bitte warten Sie, w&auml;hrend die aufgezeichneten Interaktionen geladen werden...
        </p>
        <p id="noInteractions" style="display: none;">
            Es wurden noch keine Interaktionen von ROSE aufgezeichnet.
        </p>
        <p id="interactionsLabel" style="display: none;">
            Ihre Probandennummer lautet: <span id="probandIDInteractions"></span>. Die folgenden
            Interaktionen wurden bisher von ROSE aufgezeichnet:
        </p>
        <input type="checkbox" id="showopenclose" checked="true">
        <span class="help-inline">Öffnen/Schließen Interaktionen anzeigen</span>
        <ul id="interactionList" style="display: none;">
        </ul>
    </div>

    <!--------------------------------- STUDY COMMENTS PAGE ------------------------------------>
    <div id="comments-page" class="well" style="display: none;">
        <h1>
            Studienkommentare
        </h1>
        <hr />
        <p id="loadingTextComments">
            Bitte warten Sie, w&auml;hrend die Studienkommentare geladen werden...
        </p>
        <p id="noComments" style="display: none;">
            Es wurden bisher noch keine Studienkommentare in ROSE eingegeben.
        </p>
        <p id="commentsLabel" style="display: none;">
            Ihre Probandennummer lautet: <span id="probandIDComments"></span>. Die folgenden
            Studienkommentare wurden bisher in ROSE eingegeben:
        </p>
        <ul id="commentList" style="display: none;">
        </ul>
    </div>

        <!----------------------- DELETE INTERACTIONS / COMMENTS ------------------------->
        <div id="delete-page" class="well" style="display: none;">
            <h1>
                ROSE-Aufzeichnungen l&ouml;schen
            </h1>
            <hr />
            <p>
                Klicken Sie hier, um <strong>alle</strong> von ROSE aufgezeichneten Interaktionen
                zu l&ouml;schen. Diese Aktion kann nicht r&uuml;ckg&auml;ngig gemacht werden!
            </p>
            <p>
                <input type="button" id="btnDeleteInteractions" value="Interaktionen löschen" class="btn btn-danger" />
            </p>
            <p>
                &nbsp;
            </p>
            <p>
                Klicken Sie hier, um <strong>alle</strong> in ROSE eingegebenen Studienkommentare
                zu l&ouml;schen. Diese Aktion kann nicht r&uuml;ckg&auml;ngig gemacht werden!
            </p>
            <p>
                <input type="button" id="btnDeleteComments" value="Studienkommentare löschen" class="btn btn-danger" />
            </p>
            <p style="height: 200px;">
            </p>
        </div>
        <div class="modal fade hide" id="delete-interactions-confirm">
            <div class="modal-header">
                <button class="close" data-dismiss="modal">
                    ×</button>
                <h3>
                    Achtung!</h3>
            </div>
            <div class="modal-body">
                <p>
                    Möchten Sie alle aufgezeichneten Interaktionen wirklich unwiderruflich löschen?</p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn" id="btnDeleteInteractionsModal" data-dismiss="modal">Ja</a>
                <a href="#" class="btn btn-primary" data-dismiss="modal">Nein</a>
            </div>
        </div>
        <div class="modal fade hide" id="delete-comments-confirm">
            <div class="modal-header">
                <button class="close" data-dismiss="modal">
                    ×</button>
                <h3>
                    Achtung!</h3>
            </div>
            <div class="modal-body">
                <p>
                    Möchten Sie alle aufgezeichneten Studienkommentare wirklich unwiderruflich löschen?</p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn" id="btnDeleteCommentsModal" data-dismiss="modal">Ja</a>
                <a href="#" class="btn btn-primary" data-dismiss="modal">Nein</a>
            </div>
        </div>

        <!----------------------- PRIVACY SETTINGS ------------------------->
        <div id="privacy-page" class="well" style="display: none;">
            <h1>
                Privatsph&auml;reeinstellungen
            </h1>
            <hr />
            <p id="noPrivacySettings" style="display: none;">
                Derzeit wurden noch keine Facebook-Privatsp&auml;reeinstellungen erfasst. Klicken
                Sie auf "Einstellungen auslesen", um die Daten zu erfassen. Sie k&ouml;nnen die
                Daten jederzeit wieder l&ouml;schen oder aktualisieren.
            </p>
            <p id="loadingPrivacy">
                Bitte warten Sie, w&auml;hrend Ihre Facebook-Privatsph&auml;reeinstellungen geladen
                werden...
            </p>
            <p id="privacyNotAvailable" style="display: none;">
                Ihre Facebook-Privatsph&auml;reeinstellungen stehen im Moment nicht zur Verf&uuml;gung.
                Bitte stellen Sie sicher, dass Sie mit Ihrem Facebook-Konto angemeldet sind.
            </p>
            <p id="privacySettingsDesc" style="display: none;">
                Die folgenden Privatsph&auml;reeinstellungen wurden aus ihrem Facebook-Konto extrahiert:
            </p>
            <h3 id="privacyHeaderStandard" class="small" style="display: none;">
                Privatsph&auml;reeinstellungen für Standardfunktionen</h3>
            <table id="privacySettingsStandard" style="display: none;" class="table">
            </table>
            <h3 id="privacyHeaderTimeline" class="small" style="display: none;">
                Privatsph&auml;reeinstellungen für die Chronik</h3>
            <table id="privacySettingsTimeline" style="display: none;" class="table">
            </table>
            <p id="privacyControls" style="display: none;">
                <input type="button" class="btn btn-primary" id="btnLoadPrivacySettings" value="Einstellungen auslesen" />
                <input type="button" class="btn btn-danger" id="btnDeletePrivacySettings" value="Daten löschen" />
            </p>
            <div id="privacyData" style="display: none;">
                <div id="privacyDataBasic" style="display: none;">
                </div>
                <div id="privacyDataConnect" style="display: none;">
                </div>
                <div id="privacyDataTimeline" style="display: none;">
                </div>
                <div id="privacyDataAppsFriends" style="display: none;">
                </div>
                <div id="privacyDataProfileBasic" style="display: none;">
                </div>
                <div id="privacyDataProfileRelationships" style="display: none;">
                </div>
                <div id="privacyDataProfileLiving" style="display: none;">
                </div>
                <div id="privacyDataProfileAboutYou" style="display: none;">
                </div>
                <div id="privacyDataProfileQuotes" style="display: none;">
                </div>
                <div id="privacyDataProfileContactInfo" style="display: none;">
                </div>
                <div id="privacyDataProfileWorkEd" style="display: none;">
                </div>
            </div>
        </div>

        <!--------------------------------- BACKUP / RESTORE ------------------------------------>
        <div id="backup-page" class="well" style="display: none;">
            <h1>
                Sichern und Wiederherstellen
            </h1>
            <hr />
            <p>
                Auf dieser Seite k&ouml;nnen Sie eine Sicherungskopie Ihrer ROSE Daten anlegen
                oder diese von einer zuvor erstellten Sicherungskopie wiederherstellen.
            </p>
            <p>
                Um eine neue Sicherung zu erzeugen klicken Sie bitte auf "Sichern" und kopieren
                anschlie&szlig;end die im Textfenster erscheinenden Daten in eine Textdatei auf
                Ihrem lokalen Computer.
            </p>
            <p>
                Um eine existierende Sicherungskopie wiederherzustellen, f&uuml;gen Sie den Inhalt
                Ihrer Sicherungsdatei bitte in das Textfeld ein und klicken sie anschlie&szlig;end
                auf "Wiederherstellen".
            </p>
            <p id="backup-error" class="alert alert-error" style="display: none;">
            </p>
            <p>
                <textarea id="txtBackup" class="span11" rows="10" cols="80"></textarea>
            </p>
            <p>
                <input type="button" value="Sichern" id="btnBackup" class="btn" />
                &nbsp;
                <input type="button" value="Wiederherstellen" id="btnRestore" class="btn" />
                &nbsp;
                <input type="button" value="Per E-Mail senden" id="btnSendMail" class="btn" />
                &nbsp;
                <input type="button" class="btn" id="btnCancelBackup" value="Feld leeren" />
            </p>
        </div>

        <!--------------------------------- STUDY DIARY ------------------------------------>
        <div class="well" id="diary-page" style="display: none;">
            <h1>
                Tagebuch
            </h1>
            <hr />
            <p>
                Auf dieser Seite k&ouml;nnen Sie neue Eintr&auml;ge zu Ihrem Studientagebuch hinzuf&uuml;gen.
                Geben Sie dazu einfach den entsprechenden Text ein und klicken Sie anschlie&szlig;end
                auf "Speichern".
            </p>
            <p>
                Mit dem Knopf am Ende der Seite k&ouml;nnen Sie ihr Tagebuch l&ouml;schen. Bitte
                beachten Sie, dass diese Aktion nicht r&uuml;ckg&auml;ngig gemacht werden kann.
            </p>
            <form class="form" id="diaryForm" action="#">
                <fieldset>
                    <div class="control-group">
                        <label class="control-label" for="diaryTextarea">
                            Neuer Tagebucheintrag:</label>
                            <div class="controls">
                                <textarea class="input-xlarge span11" id="diaryTextarea" rows="10" cols="80"></textarea>
                                <div id="diaryErrorOne" class="alert alert-error" style="display: none;">
                                    Eine leere Eingabe kann nicht gespeichert werden!
                                </div>
                            </div>
                        </div>
                        <input type="submit" class="btn btn-primary" id="diarySubmitButton" value="Speichern" />
                        <input type="button" class="btn" id="diaryCancelButton" value="Feld leeren" />
                    </fieldset>
                </form>
                <hr />
                <dl id="diaryItems">
                </dl>
                <input type="button" class="btn btn-danger" id="diaryDeleteButton" value="Tagebuch löschen"
                data-toggle="modal" href="#myModal" />
            </div>
            <div class="modal fade hide" id="myModal">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal">
                        ×</button>
                        <h3>
                            Achtung!</h3>
                        </div>
                        <div class="modal-body">
                            <p>
                                M&ouml;chten Sie das Tagebuch wirklich unwiderruflich l&ouml;schen?</p>
                            </div>
                            <div class="modal-footer">
                                <a href="#" class="btn" id="diaryDeleteButtonModal" data-dismiss="modal">Ja</a>
                                <a href="#" class="btn btn-primary" data-dismiss="modal">Nein</a>
                            </div>
                        </div>
                    </div>

                </div>
